<template>
    <div>
        <h1>Left组件</h1>
        <h1>计数器</h1>
        <h2>{{$store.state.num}}</h2>
        <button @click="incrementOne">+1操作</button>
        <button @click="incrementTwo">异步的+1操作</button>
    </div>
</template>

<script>
export default {
    created(){
        console.log('this',this.$store);
    },
    methods:{
        incrementOne(){
            /**
             * commit的参数说明
             * 参数1：mutations中的方法的名字
             * 参数2：传递的参数
             */
            this.$store.commit("INCREMENT_NUM",1)
        },
        incrementTwo(){
            /**
             * dispatch的参数说明
             * 参数1：要操作的actions中的对应方法名
             */
            this.$store.dispatch("incrementAsync",5)
            //在这里actions向mutaions求救，你去改仓库中的数据
           
        }
    }
}
</script>

<style>

</style>